<template>
  <div class="nav-bar">
    <el-menu class="el-menu-demo" mode="horizontal" @select="onMenuSelect">
      <el-menu-item index="problem">题库</el-menu-item>
      <el-menu-item index="interview">面试</el-menu-item>
      <el-menu-item index="interviewer">面试官</el-menu-item>
      <el-menu-item index="user">用户</el-menu-item>
    </el-menu>
  </div>
</template>

<script>
export default {
  name: "NavBar",
  components: {},
  methods: {
    onMenuSelect(key) {
      this.$router.push("/" + key);
    },
  },
};
</script>

<style></style>
